export const borderRadius = {
  none: {
    left: "rounded-l-none",
    top: "rounded-t-none",
    right: "rounded-r-none",
    bottom: "rounded-b-none",
    all: "rounded-none",
  },
  sm: {
    left: "rounded-l",
    top: "rounded-t",
    right: "rounded-r",
    bottom: "rounded-b",
    all: "rounded",
  },
  md: {
    left: "rounded-l-md",
    top: "rounded-t-md",
    right: "rounded-r-md",
    bottom: "rounded-b-md",
    all: "rounded-md",
  },
  lg: {
    left: "rounded-l-lg",
    top: "rounded-t-lg",
    right: "rounded-r-lg",
    bottom: "rounded-b-lg",
    all: "rounded-lg",
  },
  full: {
    left: "rounded-l-full",
    top: "rounded-t-full",
    right: "rounded-r-full",
    bottom: "rounded-b-full",
    all: "rounded-full",
  },
};

export const boxShadow = {
  none: "shadow-none",
  sm: "shadow-sm",
  md: "shadow",
  lg: "shadow-lg",
};

export const border = {
  none: {
    left: "border-l-0",
    top: "border-t-0",
    right: "border-r-0",
    bottom: "border-b-0",
    all: "border-0",
  },
  sm: {
    left: "border-l",
    top: "border-t",
    right: "border-r",
    bottom: "border-b",
    all: "border",
  },
  md: {
    left: "border-l-2",
    top: "border-t-2",
    right: "border-r-2",
    bottom: "border-b-2",
    all: "border-2",
  },
  lg: {
    left: "border-l-4",
    top: "border-t-4",
    right: "border-r-4",
    bottom: "border-b-4",
    all: "border-4",
  },
};
